<template>
	<view>
		<view class="cell_group">
			<view class="cell_list" @click="gotoBook">
				<view class="cell_left">
					<text>小说搜索</text>
				</view>
				<view class="cell_right">
					<uni-icons type="right" />					
				</view>
			</view>
			<view class="cell_list">
				<view class="cell_left">
					<text>音乐搜索</text>
				</view>
				<view class="cell_right">
					<uni-icons type="right" />
				</view>
			</view>
			<view class="cell_list" @click="gotoMovie">
				<view class="cell_left">
					<text>影视搜索</text>
				</view>
				<view class="cell_right">
					<uni-icons type="right" />
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		onLoad() {

		},
		methods: {
			// 跳转到小说搜索页面
			gotoBook() {
				uni.navigateTo({
					url: '/pages/book/search'
				});
			},
			
			// 跳转到影视搜索页面
			gotoMovie() {
				uni.navigateTo({
					url: '/pages/movies/search'
				});
			}
		}
	}
</script>

<style lang="scss">
	.cell_group {
		width: 100%;
		height: 100%;
		
		.cell_list {
			display: flex;
			align-items: center;
			justify-content: space-between;
			border-bottom: 1px solid #d8d9da;
			height: 60rpx;
			
			.cell_left {
				margin-left: 20rpx;
				font-size: 0.9rem;
				color: #262627;
			}
			.cell_right {
				margin-right: 20rpx;
				font-size: 0.9rem;
				color: #262627;
			}
		}
	}
</style>
